.mui-table-view {
	background-color: transparent;
}

.mui-table-view-cell {
	position: relative;
	margin: var(--size15);
	margin-top: 0;
	width: calc(100% - var(--size30));
	background-color: white;
	border-radius: 6px;
	overflow: hidden;
	padding: var(--size15);
	padding-bottom: var(--size10);
}

.mui-table-view:before,
.mui-table-view:after,
.mui-table-view-cell:after {
	height: 0;
}

[data-type=month] .mui-dtpicker-title h5,
[data-type=month] .mui-picker {
	width: 100%;
}

[data-type=month] .mui-dtpicker-title h5[data-id="title-m"],
[data-type=month] .mui-picker[data-id="picker-m"] {
	display: none;
}

.statHeader {
	height: 44px;
	width: 100%;
	background-color: white;
}

#closeBtn {
	padding: 10px;
	font-size: 30px;
	font-weight: 600;
}

.statTitle,
.statDate {
	height: var(--size40);
	line-height: var(--size40);
	padding: 0 var(--size15);
	border-bottom: solid 1px #EFEFEF;
	font-size: var(--size14);
	font-weight: 600;
}

.titleText,
.numText {
	float: left;
	width: calc(100% - var(--size60));
}

.numText {
	width: var(--size60);
	text-align: right;
}

.statDate.nur-rili:before {
	font-size: var(--size15);
	color: #BBBBBB;
	padding-right: 10px;
	font-weight: normal;
}

#wrapper {
	top: calc(44px + var(--size90));
}

#wrapper .mui-table-view-cell {
	background-color: #F1F0F5;
	border-radius: 6px;
	font-size: var(--size14);
}

.areaTitle {
	padding-bottom: var(--size10);
	width: 100%;
	font-weight: 600;
}

.areaCard {
	width: calc(100% / 3 - var(--size10));
	box-shadow: 0 1px 2px #CCCCCC;
	height: var(--size60);
	float: left;
	background-color: white;
	margin-right: var(--size15);
	border-radius: 6px;
	padding: var(--size10) var(--size15);
	margin-bottom: var(--size10);
}

.areaCard:nth-child(3n+1) {
	margin-right: 0;
}

.areaCard .cardTitle {
	color: #AAAAAA;
	font-size: var(--size13);
	line-height: var(--size20);
}

.areaCard .cardNum {
	color: var(--textColor);
	font-weight: 600;
	line-height: var(--size20);
}
.nullData{
	margin-top: var(--size30);
}
